<!-- 导航栏 -->
<div class="hc179-nav">
<a href="{$_URL}" class="hc179-nav-left"><b>179zy</b></a>
<a href="javascript:void(0)" class="hc179-nav-right"><img src="./static/images/nav.png"></a>
</div>
<!-- 导航栏左侧显示菜单 -->
<div class="hc179-menu hc179zy_hide">
    <ul>
      {foreach from=$columnlist key=k item=vo}
         <li class="hc179-menu-open">
            <a href="">{$vo.name}</a>
            <img class="hc179-next-pre"  {if $k==0} src="./static/images/pre.png" {else} src="./static/images/next.png"{/if}>
            <ul class='hc179-menu-hide {if $k==0} hc179zy_show {else} hc179zy_hide{/if}'>
            {if !empty($vo.child)}
               {foreach from=$vo.child item=val}
                <li class=""><a href="#">{$val.name}</a></li>
                {/foreach}
            {/if}
            </ul>
            
        </li>

       {/foreach}
    </ul>
</div>
<script type="text/javascript">
$(function(){
//菜单切换
    $('.hc179-next-pre').click(function(){
        $('li').removeClass('hc179zy_show');
        $(".hc179-menu-hide").each(function(index){
            $(".hc179-menu-hide").eq(index).hide();
            $(".hc179-menu-hide").eq(index).siblings('img').attr('src','./static/images/next.png');
        });
        var src=$(this).attr('src');
        if(src=='./static/images/pre.png'){
            $(this).attr('src','./static/images/next.png');
            $(this).siblings('ul').hide();
        }else{
            $(this).siblings('ul').show();
            $(this).attr('src','./static/images/pre.png');
        }    
    })
    $('.hc179-nav-right').click(function(){
      $('.hc179-menu').toggle();
    })
})
</script>